<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String url = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
	
%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" style="overflow:hidden;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>唯书阁</title>
 <link rel="stylesheet" href="<%=basePath%>css/bootstrap.css">
    <link rel="stylesheet" href="<%=basePath%>css/font-awesome.css">
    <link rel="stylesheet" href="<%=basePath%>css/AdminLTE.min.css">
    <script type="text/javascript" src="<%=basePath%>js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap.js"></script>
        <style>
        .panel-group{overflow: auto;}
        .leftMenu{margin:10px;margin-top:15px;}
        .leftMenu .panel-heading{font-size:14px;padding-left:20px;height:36px;line-height:36px;color:white;position:relative;cursor:pointer;}/*转成手形图标*/
        .leftMenu .panel-heading span{position:absolute;right:10px;top:12px;}
        .leftMenu .menu-item-left{padding: 2px; background: transparent; border:1px solid transparent;border-radius: 6px;}
        .leftMenu .menu-item-left:hover{background:#C4E3F3;border:1px solid #1E90FF;}
        .btn-menu{}
        .float_right{ float:right} 
        .font_wsg{
        font-weight:bold;        
        font-family:"微软雅黑","黑体","宋体";
        }
        #navHeight{
        background-color: #009688;
        margin-left: 10px;
        margin-right: 10px;
        background:#fff url(<%=basePath%>images/head/2.jpg) no-repeat;
        }
    </style>
</head>
<body>
<nav class="navbar-default" id="navHeight" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#"><font class="font_wsg" style="font-size: 45px;" color="white">唯书阁</font></a>
               
        </div>
        <div class="float_right">
             <iframe allowtransparency="true" frameborder="0" width="350" height="80" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=1&z=1&t=0&v=0&d=2&bd=0&k=&f=&q=1&e=1&a=1&c=54511&w=290&h=96&align=center"></iframe>
        </div>
    </div>
</nav>
<div class="row">
    <div class="col-md-2 col-xs-4 ">
        <div class="panel-group table-responsive" role="tablist">
            <div class="panel panel-primary leftMenu">
                <!-- 利用data-target指定要折叠的分组列表 -->
                <div class="panel-heading" id="collapseListGroupHeading0" data-toggle="collapse" role="tab" >


                    <h4 class="panel-title btn-menu font_wsg" data-target="<%=basePath%>report/custReport.do">
                        首页
                
                    </h4>
                </div>
            </div><!--panel end-->
            <div class="panel panel-primary leftMenu">
                <!-- 利用data-target指定要折叠的分组列表 -->
                <div class="panel-heading" id="collapseListGroupHeading1" data-toggle="collapse" data-target="#collapseListGroup1" role="tab" >
                    <h4 class="panel-title font_wsg">
                       会员管理
                        <span class="glyphicon glyphicon-chevron-right right"></span>
                    </h4>
                </div>
                <!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
                <div id="collapseListGroup1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading1">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu " data-target="<%=basePath%>customer/customerList.do">
                                会员列表
                            </button>
                        </li>
                          <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu" data-target="<%=basePath%>customer/stopCustomerList.do">
                                    已停用会员列表
                            </button>
                        </li>
                    </ul>
                </div>
            </div><!--panel end-->
            <div class="panel panel-primary leftMenu">
                <div class="panel-heading" id="collapseListGroupHeading2" data-toggle="collapse" data-target="#collapseListGroup2" role="tab" >
                    <h4 class="panel-title font_wsg">
                        消费管理
                        <span class="glyphicon glyphicon-chevron-right right"></span>
                    </h4>
                </div>
                <div id="collapseListGroup2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading2">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <button class="menu-item-left btn-menu" data-target="<%=basePath%>payType/payTypeList.do">
                                商品类型
                            </button>
                        </li>
                        <li class="list-group-item">
                            <button class="menu-item-left btn-menu" data-target="<%=basePath%>order/orderList.do">
                                消费记录
                            </button>
                        </li>                 
                    </ul>
                </div>
            </div>
            <div class="panel panel-primary leftMenu">
                <!-- 利用data-target指定要折叠的分组列表 -->
                <div class="panel-heading" id="collapseListGroupHeading3" data-toggle="collapse" data-target="#collapseListGroup3" role="tab" >
                    <h4 class="panel-title font_wsg">
                        数据统计
                        <span class="glyphicon glyphicon-chevron-right right"></span>
                    </h4>
                </div>
                <!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
                <div id="collapseListGroup3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading3">
                    <ul class="list-group">                     
                        <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu" data-target="<%=basePath%>report/custReport.do">
                                <span class="glyphicon"></span>会员数量与营业额
                            </button>
                        </li>
                         <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu" data-target="jsp/monthPayByYear.jsp">
                                <span class="glyphicon"></span>每月份营业额统计
                            </button>
                        </li>
                        <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu" data-target="jsp/orderRank.jsp">
                                <span class="glyphicon"></span>商品热度排名
                            </button>
                        </li>
                        <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu" data-target="jsp/custRank.jsp">
                                <span class="glyphicon"></span>用户消费排名
                            </button>
                        </li>
                    </ul>
                </div>
            </div><!--panel end-->
            <div class="panel panel-primary leftMenu">
                <!-- 利用data-target指定要折叠的分组列表 -->
                <div class="panel-heading" id="collapseListGroupHeading4" data-toggle="collapse" data-target="#collapseListGroup4" role="tab" >
                    <h4 class="panel-title font_wsg">
                        短信管理
                        <span class="glyphicon glyphicon-chevron-right right"></span>
                    </h4>
                </div>
                <!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
                <div id="collapseListGroup4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading4">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu" data-target="dsdasda">
                                <span class="glyphicon"></span>生日自动祝福
                            </button>
                        </li>
                        <li class="list-group-item">
                            <!-- 利用data-target指定URL -->
                            <button class="menu-item-left btn-menu" data-target="dasda">
                                <span class="glyphicon"></span>发送历史记录
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-10 col-xs-8">
        <!--<iframe id="content" frameborder="0"></iframe>-->
        <div>
            <iframe src="" frameborder="0" id="content" width="100%" allowTransparency="true">

            </iframe>
            
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function() {
    var windowHight=$(window).height();
    var navHeight =$("#navHeight").height();
    $("#content").height(windowHight-navHeight);
    $(".panel-heading").click(function(e){
        /*切换折叠指示图标*/
        $(this).find("span").toggleClass("glyphicon-chevron-right");
        $(this).find("span").toggleClass("glyphicon-chevron-down");
    });
    $('.inactive').click(function(){
        if($(this).siblings('ul').css('display')=='none'){
            $(this).parent('li').siblings('li').removeClass('inactives');
            $(this).addClass('inactives');
            $(this).siblings('ul').slideDown(500).children('li');
            if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){
                $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives');
                $(this).parents('li').siblings('li').children('ul').slideUp(500);
            }
        }else{
            //控制自身变成+号
            $(this).removeClass('inactives');
            //控制自身菜单下子菜单隐藏
            $(this).siblings('ul').slideUp(500);
            //控制自身子菜单变成+号
            $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives');
            //控制自身菜单下子菜单隐藏
            $(this).siblings('ul').children('li').children('ul').slideUp(500);

            //控制同级菜单只保持一个是展开的（-号显示）
            $(this).siblings('ul').children('li').children('a').removeClass('inactives');
        }
    });
    function loadPage(param) {
        window.frames["content"].src = param;
    }
    $(".panel-group").on("click", ".btn-menu", function () {
        var page = $(this).attr("data-target");
        loadPage(page);
    });
    loadPage("<%=basePath%>report/custReport.do");
});
</script>
</html>